html,body{overflow:auto;}
body{min-height:670px;}
.container{
    height: 380px;
}
.nav{
    margin-top: 50px;
    margin-bottom: 60px;
}
a{color:#434343;}

/* 本例子css */
.slideBox{ width:100%; height:380px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:0; bottom:-100px; z-index:1; text-align:center;width:100%;}
.slideBox .hd ul{width:100%;}
.slideBox .hd ul li{ margin:0 2px;width:25px; height:5px; background:#fff; cursor:pointer; text-indent:-10000px;display:inline-block;opacity:0.5}
.slideBox .hd ul li.on{ background:#f00; color:#fff; opacity:0.8;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li:hover img{transform:scale(1.2,1.2);  -webkit-transform:scale(1.2,1.2);}
